<template>
  <div class="detail_container">
    <div class="top">
      <TopBar />
    </div>
    <div class="content">
      <DetailGood />
      <!-- <loading /> -->
    </div>
    <div class="footer">
      <Footer />
    </div>
  </div>
</template>

<script setup lang="ts">
import TopBar from '@/components/top/top-bar/TopBar.vue';
import Footer from '@/components/footer/footer.vue';
import DetailGood from './cpm/DetailGood.vue';
// import { useRoute } from 'vue-router';
// import { useGoodDetailStore } from '@/stores/module/goods/good';
// const route = useRoute();
// const goodDetailStore = useGoodDetailStore()
// const queryId = route.params.id as string;
// goodDetailStore.getGoodDetail(queryId);


</script>

<style lang="less" scoped>
.detail_container {
  height: 100vh;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  min-height: 825px;

  .top {
    height: 88px;
  }

  .footer {
    height: 40px;
  }

  .content {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
</style>
